{% extends 'base/base.html' %}
{% load static %}

{% block title %}
    我的
{% endblock %}

{% block extcss %}
    <link rel="stylesheet" href="{% static 'mine/css/mine.css' %}">
{% endblock %}

{% block extjs %}
    <script src="{% static 'mine/js/mine.js' %}"></script>
{% endblock %}

{% block content %}
    <div class="mine">
        <div class="user-wrapper">
            <div class="user-img">
                <img src="/static/mine/img/{{ img | default:'axf.png' }}" alt="">
            </div>
            <div class="user-content">
                <p>
                    <span class="glyphicon glyphicon-piggy-bank"></span>
                    <a href="{% url 'axf:login' %}">
                        {{ name | default:'未登录' }}
                    </a>
                </p>
                <p style="color: yellow">
                    <span class="glyphicon glyphicon-king"></span>
                    等级: {{ rank | default:'无等级' }}
                </p>

                <a class="register" href="{% url 'axf:register' %}">注册</a>
            </div>
        </div>

        <div class="collect">
            <span class="glyphicon glyphicon-paperclip"></span>
            <i>商品收藏</i>
        </div>

        <div class="other">
            <section>
                <ul>
                    <li>
                        <a href="{% url 'axf:orderlist' 0 %}">
                            <dl>
                                <dt><i class="glyphicon glyphicon-link"></i></dt>
                                <dd> 待付款 </dd>
                                <span class="badge" style="background: red; color: white">{{ waitpay }}</span>
                            </dl>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <dl>
                                <dt><i class="glyphicon glyphicon-phone"></i></dt>
                                <span class="badge" style="background: red; color: white">{{ paydone }}</span>
                                <dd> 待收货 </dd>
                            </dl>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <dl>
                                <dt><i class="glyphicon glyphicon-leaf"></i></dt>
                                <dd> 待评价 </dd>
                            </dl>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <dl>
                                <dt><i class="glyphicon glyphicon-jpy"></i></dt>
                                <dd> 退款/售后 </dd>
                            </dl>
                        </a>
                    </li>
                </ul>
            </section>
            <section>
                <ul>
                    <li>
                        <a href="#">
                            <dl>
                                <dt><i class="glyphicon glyphicon-lock"></i></dt>
                                <dd> 优惠卷 </dd>
                            </dl>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <dl>
                                <dt><i class="glyphicon glyphicon-pause"></i></dt>
                                <dd> 收货地址 </dd>
                            </dl>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <dl>
                                <dt><i class="glyphicon glyphicon-new-window"></i></dt>
                                <dd> 客服/反馈 </dd>
                            </dl>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <dl>
                                <dt><i class="glyphicon glyphicon-adjust"></i></dt>
                                <dd> 关于我们 </dd>
                            </dl>
                        </a>
                    </li>
                </ul>
            </section>
            <section>
                <ul>
                    <li>
                        <a href="#">
                            <dl>
                                <dt><i class="glyphicon glyphicon-lock"></i></dt>
                                <dd> 优惠卷 </dd>
                            </dl>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <dl>
                                <dt><i class="glyphicon glyphicon-pause"></i></dt>
                                <dd> 收货地址 </dd>
                            </dl>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <dl>
                                <dt><i class="glyphicon glyphicon-new-window"></i></dt>
                                <dd> 客服/反馈 </dd>
                            </dl>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <dl>
                                <dt><i class="glyphicon glyphicon-adjust"></i></dt>
                                <dd> 关于我们 </dd>
                            </dl>
                        </a>
                    </li>
                </ul>
            </section>

            {% if name %}
                <section class="quit">
                    <a href="{% url 'axf:logout' %}"> 退出登录 </a>
                </section>
            {% endif %}

        </div>
    </div>
{% endblock %}